@import "partials/mixins";
.subview {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	.subview-loading {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		background-color: #ffffff;
		.loadpicture {
			width: 100%;
			height: 100%;
			background-size: ptr(378px) ptr(280px);
		}
	}
	.movein {
		position: relative;
		animation: movein 0.5s 1;
	}
	@keyframes movein {
		from {
			left: 100%;
		}
		to {
			left: 0;
		}
	}
	.moveout {
		position: relative;
		animation: moveout 0.5s 1;
	}
	@keyframes moveout {
		from {
			left: 0%;
		}
		to {
			left: 100%;
		}
	}
	.subview-content {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: auto;
		&>div:first-child {
			-webkit-overflow-scrolling: touch;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			overflow-y: auto; //background-color: #ccc;
		}
	}
	.page {
		height: 100%;
		width: 100%;
		overflow: hidden;
		background: #f0eff5;
		position: relative;
		color: inherit;
	}
	.hideView {
		padding-left: ptr(25px);
		font-size: ptr(30px);
		color: #fff;
		i,
		span {
			vertical-align: middle;
		}
	}
	.paddingtop {
		height: ptr(40px);
		background-color: #3799F7;
	}
	.view {
		height: 100%;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.iosPadding {
		height: 20px;
		background-color: #fff;
	}
	.fw-header {
		height: ptr(80px);
		text-align: center;
		font-size: ptr(34px);
		line-height: ptr(80px);
		background: #fff;
		color: #343434;
		border-bottom: 1px solid #dfdfdf;
		&.no-margin {
			margin-bottom: 0 !important;
			box-shadow: 0 0 0 transparent !important;
		}
		.right {
			font-size: ptr(30px);
			text-align: right;
			padding-right: ptr(25px);
		}
		.viewTitle {
			font-size: ptr(34px);
			font-weight: normal;
			line-height: inherit;
			margin: 0;
			text-align: center;
		}
	}
	.icon-back {
		width: ptr(21px);
		height: ptr(36px);
		margin-right: ptr(7px);
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: ptr(21px) ptr(36px);
		background-image: url('~img/icon-back.png');
	}
	.blue {
		color: #28ACB2;
	}
}
